<template>
  <div>
    <div class="alltitle">
      <div class="title-box">最新预警记录</div>
    </div>
    <div class="cqjl-list sjfx-bg" style="padding: 10px">
      <div class="flex cqjl-list-row cqjl-line center1">
        <div class="center font16 color-font5" style="width: 10%">序号</div>
        <div class="center font16 color-font5" style="width: 40%">场所</div>
        <div class="center font16 color-font5" style="width: 30%">时间</div>
        <div class="center font16 color-font5" style="width: 20%">预警类型</div>
      </div>
      <div class="flex cqjl-line sjfx-line center1">
        <div class="center font16 color-font4" style="width: 10%">1</div>
        <div class="center font16 color-font4" style="width: 40%">1-101</div>
        <div class="center font16 color-font4" style="width: 30%">01:10:34</div>
        <div class="center font16 color-font4" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line cqjl-list-row1 center1">
        <div class="center font16 color-font4" style="width: 10%">2</div>
        <div class="center font16 color-font4" style="width: 40%">1-101</div>
        <div class="center font16 color-font4" style="width: 30%">01:10:34</div>
        <div class="center font16 color-font4" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line center1">
        <div class="center font16 color-font4" style="width: 10%">3</div>
        <div class="center font16 color-font4" style="width: 40%">男生公厕1</div>
        <div class="center font16 color-font4" style="width: 30%">01:10:34</div>
        <div class="center font16 color-font4" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line cqjl-list-row1 center1">
        <div class="center font16 color-font5" style="width: 10%">4</div>
        <div class="center font16 color-font5" style="width: 40%">男生公厕1</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:34</div>
        <div class="center font16 color-font5" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line center1">
        <div class="center font16 color-font5" style="width: 10%">5</div>
        <div class="center font16 color-font5" style="width: 40%">1-101</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:34</div>
        <div class="center font16 color-font5" style="width: 20%">烟雾报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line cqjl-list-row1 center1">
        <div class="center font16 color-font5" style="width: 10%">6</div>
        <div class="center font16 color-font5" style="width: 40%">男生公厕2</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:34</div>
        <div class="center font16 color-font5" style="width: 20%">烟雾报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line center1">
        <div class="center font16 color-font5" style="width: 10%">7</div>
        <div class="center font16 color-font5" style="width: 40%">1-101</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:34</div>
        <div class="center font16 color-font5" style="width: 20%">烟雾报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line cqjl-list-row1 center1">
        <div class="center font16 color-font5" style="width: 10%">8</div>
        <div class="center font16 color-font5" style="width: 40%">男生公厕1</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:34</div>
        <div class="center font16 color-font5" style="width: 20%">烟雾报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line center1">
        <div class="center font16 color-font5" style="width: 10%">9</div>
        <div class="center font16 color-font5" style="width: 40%">1-101</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:25</div>
        <div class="center font16 color-font5" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line cqjl-list-row1 center1">
        <div class="center font16 color-font5" style="width: 10%">10</div>
        <div class="center font16 color-font5" style="width: 40%">1-101</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:25</div>
        <div class="center font16 color-font5" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line center1">
        <div class="center font16 color-font5" style="width: 10%">11</div>
        <div class="center font16 color-font5" style="width: 40%">男生公厕1</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:25</div>
        <div class="center font16 color-font5" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line cqjl-list-row1 center1">
        <div class="center font16 color-font5" style="width: 10%">12</div>
        <div class="center font16 color-font5" style="width: 40%">1-101</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:01</div>
        <div class="center font16 color-font5" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line center1">
        <div class="center font16 color-font5" style="width: 10%">13</div>
        <div class="center font16 color-font5" style="width: 40%">1-101</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:01</div>
        <div class="center font16 color-font5" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line cqjl-list-row1 center1">
        <div class="center font16 color-font5" style="width: 10%">14</div>
        <div class="center font16 color-font5" style="width: 40%">男生公厕1</div>
        <div class="center font16 color-font5" style="width: 30%">01:10:01</div>
        <div class="center font16 color-font5" style="width: 20%">声音报警</div>
      </div>
      <div class="flex cqjl-line sjfx-line center1">
        <div class="center font16 color-font5" style="width: 10%">15</div>
        <div class="center font16 color-font5" style="width: 40%">男生公厕1</div>
        <div class="center font16 color-font5" style="width: 30%">23:10:01</div>
        <div class="center font16 color-font5" style="width: 20%">声音报警</div>
      </div>
    </div>
  </div>
</template>

<script setup></script>

<style scoped></style>
